<template>
<div  class="wrapper">
  <div class="header">
    <span class="iconfont back">&#xe693;</span>
    <span class="iconfont close">&#xe69a;</span>
    <span class="title">{{title}}</span>
  </div>
</div>

</template>

<script>

export default {
  name: 'CommonHeader',
  props: {
    title: String
  }
}
</script>

<style lang="scss" scoped>
@import'@/assets/styles/mixins.scss';

.wrapper{
  box-sizing: border-box;
  width: 100%;
  height: 0.88rem;
  line-height: 0.88rem;
  padding: 0 0.32rem;
  background-color: #fff;
}
.header{
  position: relative;
  .back,.close{
   display: inline-block;
   width: 0.44rem;
   height: 0.88rem;
   font-size: 0.4rem;
   margin-right: 0.32rem;
  }
  .title{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:0;
    bottom: 0;
    height: 0.88rem;
    font-size: 0.36rem;
    font-weight:bold;
    @include ellipsis;
  }
}
</style>
